﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/style.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
    <!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.jcarousel.pack.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-func.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>    
    <script type="text/javascript">

        $.ajaxSetup({ cache: false });

        $(document).ready(function () {
            $(".openDialog").live("click", function (e) {
                e.preventDefault();

                $("<div></div>")
                    .addClass("dialog")
                    .attr("id", $(this)
                    .attr("data-dialog-id"))
                    .appendTo("body")
                    .dialog({
                        title: $(this).attr("data-dialog-title"),
                        close: function () { $(this).remove(); },
                        modal: true,
                        height: 450,
                        width: 750,
                        left: 0

                    })
                    .load(this.href);
            });

            $(".close").live("click", function (e) {
                e.preventDefault();
                $(this).closest(".dialog").dialog("close");
            });
        });
    </script>
</head>
<body>
    <!-- Shell -->
    <div class="shell">
        <!-- Header -->
        <div id="logindisplay">
            @Html.Partial("_LogOnPartial")
        </div>
        <div id="header">
            <h1 id="logo">
                <a href="#">shoparound</a></h1>
            <!-- Cart -->
            <div id="cart">
                <a href="#" class="cart-link">Giỏ hàng</a>
                <div class="cl">
                    &nbsp;</div>
                <span>Sản phẩm : <strong>0</strong></span> &nbsp;&nbsp; <span>Tiền: <strong>$00.00</strong></span>
            </div>
            <!-- End Cart -->
            <!-- Navigation -->
            <div id="navigation">
                <ul>
                    <li>@Html.ActionLink("Trang chủ", "Index", "Home", new { }, new { @class = ViewBag.Home })</li>
                    <li>@Html.ActionLink("Sản phẩm", "ProductNew", "Home", new { }, new { @class = ViewBag.ProductNew })</li>
                    <li>@Html.ActionLink("Khuyến mại", "ProductPromotion", "Home", new { }, new { @class = ViewBag.ProductPromotion })</li>
                    <li>@Html.ActionLink("Tài khoản", "Register", "Account", new { }, new { @class = ViewBag.Account })</li>
                    <li>@Html.ActionLink("Liên hệ", "About", "Home", new { }, new { @class = ViewBag.About })</li>
                </ul>
            </div>
            <!-- End Navigation -->
        </div>
        <!-- End Header -->
        <!-- Main -->
        <div id="main">
            <div class="cl">
                &nbsp;</div>
            <!-- Content -->
            <div id="content">
                <!-- Content Slider -->
                @{
                    if (!ViewContext.RouteData.Values["Action"].Equals("ProductDetail"))
                    {
                        Html.RenderAction("LoadSlider", "Home");
                    }
                    else
                    {
                        Html.RenderAction("LoadSlider", "Home");
                    }                    
                }
                <!-- End Content Slider -->
                <!-- Products -->
                @RenderBody()
                <!-- End Products -->
            </div>
            <!-- End Content -->
            <!-- Sidebar -->
            <div id="sidebar">
                <!-- Search -->
                @Html.Partial("_Search")
                <!-- End Search -->
                <!-- Categories -->
                @{Html.RenderAction("LoadCategory", "Home");}
                <!-- End Categories -->
            </div>
            <!-- End Sidebar -->
            <div class="cl">
                &nbsp;</div>
        </div>
        <!-- End Main -->
        <!-- Side Full -->
        <div class="side-full">
            <!-- More Products -->
            @{
                if (ViewBag.LoadMoreProduct != null)
                {
                    Html.RenderAction("LoadMoreProduct", "Home", new { catid = 1 });
                }
                
            }
            <!-- End More Products -->
            <!-- Text Cols -->
            <div class="cols">
                <div class="cl">
                    &nbsp;</div>
                <div class="col">
                    <h3 class="ico ico1">
                        Donec imperdiet</h3>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet, metus
                        ac cursus auctor, arcu felis ornare dui.</p>
                    <p class="more">
                        <a href="#" class="bul">Lorem ipsum</a></p>
                </div>
                <div class="col">
                    <h3 class="ico ico2">
                        Donec imperdiet</h3>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet, metus
                        ac cursus auctor, arcu felis ornare dui.</p>
                    <p class="more">
                        <a href="#" class="bul">Lorem ipsum</a></p>
                </div>
                <div class="col">
                    <h3 class="ico ico3">
                        Donec imperdiet</h3>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet, metus
                        ac cursus auctor, arcu felis ornare dui.</p>
                    <p class="more">
                        <a href="#" class="bul">Lorem ipsum</a></p>
                </div>
                <div class="col col-last">
                    <h3 class="ico ico4">
                        Donec imperdiet</h3>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet, metus
                        ac cursus auctor, arcu felis ornare dui.</p>
                    <p class="more">
                        <a href="#" class="bul">Lorem ipsum</a></p>
                </div>
                <div class="cl">
                    &nbsp;</div>
            </div>
            <!-- End Text Cols -->
        </div>
        <!-- End Side Full -->
        <!-- Footer -->
        <div id="footer">
            <p class="left">
                <a href="#">Home</a> <span>|</span> <a href="#">Support</a> <span>|</span> <a href="#">
                    My Account</a> <span>|</span> <a href="#">The Store</a> <span>|</span> <a href="#">Contact</a>
            </p>
            <p class="right">
                &copy; 2010 Shop Around. Design by <a href="http://chocotemplates.com">Chocotemplates.com</a>
            </p>
        </div>
        <!-- End Footer -->
    </div>
    <!-- End Shell -->
    <div align="center">
        This template downloaded form <a href='http://all-free-download.com/free-website-templates/'>
            free website templates</a></div>
</body>
</html>
